home CSS
code:style.css
.app > .container { max-width: unset; }
.page-list .page-list-item .title {
font-size: 1.1em !important;
/*font-weight: normal !important;*/
}
/*頁一覧、首頁*/
:root {
--list-card-max-height: calc(2em + 4vh + 2vw + var(--item-padding-btm, 2vh));
--list-card-icon-max-height: calc(2em + 2vh + var(--item-padding-btm, 0));
--list-line-height-title: auto;
--list-line-height-description: auto;
}
/* かつてのmasonryの副作用 */
.page-list {
li.ellipsis a {
height: fit-content !important;
}
.arrow, .relation-label .kamon, .kamon-plus {
display: none !important;
}
.page-list-item .line { line-height: var(--line-height-description, var(--list-line-height-description)) }
.page-list-item .title { line-height: var(--line-height-title, var(--list-line-height-title)) }
.grid li { aspect-ratio: unset !important }
}
.page-list .page-list-item .content {
height: 100% !important;
padding: 0 0 8px 0; }
.page-list .page-list-item:not(:has(.icon)) {
max-height: max(8em, var(--list-card-max-height));
}
.page-list .page-list-item:has(.icon) { max-height: max(14em, var(--list-card-max-height)); }
.page-list .page-list-item .content > .header {
padding: 5px 8px 0 8px !important;
border: none !important;
}
.page-list .page-list-item .content > .description {
padding: 0 8px !important;
margin: 0;
line-height: var(--line-height-description) !important;
}
.page-list .page-list-item .title {
margin-bottom: .25em !important;
padding: 0 !important;
max-height: none !important;
}
.page-list {
.page-list-item .content .icon { margin: 0; padding: 0 !important; }
.page-list-item:not(:hover) .content .icon,
.page-list-item:not(:hover) .content .icon img { border-radius: 0 4px 8px 8px !important; }
.page-list-item:not(:hover) > a:has(.icon) {
background-color: transparent !important; }
.page-list-item > a:has(.icon) {
border: unset !important;
box-shadow: none;
}
.page-list-item:not(:hover) > a:has(.icon) .hover { background-color: transparent !important; }
.page-list-item .content:has(.icon) {
max-height: unset;
box-shadow: .3em .5em .8em 1em #0001; }
.page-list-item .content:has(.icon) .header {
background-color: transparent;
padding: 0 !important;
display: flex;
}
.page-list-item .content:has(.icon) .title {
margin: 0 !important;
padding: 3px 8px 2px 8px !important;
display: inline-block;
border-radius: 8px 8px 0 0;
}
.page-list-item:not(:hover) .content:has(.icon) .title {
background-color: var(--card-bg, white);
}
/*.page-list-item:hover a:has(.icon) {
background-color: var(--card-bg-hover) !important;
}*/
/*.page-list-item:hover:has(.icon)::after:not(:hover) { display: none; }*/
}